<!DOCTYPE html>
<html lang="en">
<head>
  
<meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>注册</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <!-- <link rel="shortcut icon" href="http://favicon.ico"> -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">


<link rel="stylesheet" type="text/css" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/login/aui.2.0.css"/>
<link rel="stylesheet" type="text/css" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/login/public.css"/>
<!-- <link href="../../css/login/style.css" type="text/css" rel="stylesheet"/> -->

  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/sm.min.css">
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/sm-extend.min.css">
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/common/common.js"></script>
  <style>


    .inputstyle{ height:2rem; width:100%; background-color:rgba(0,0,0,0.1); color:#FFF; padding:0.3rem 0.3rem 0.3rem 2rem; border-radius:0.1rem;}


    body{
  width: 100%;
  height: 100%;
  background:url(https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/img/teacher-login.jpg) no-repeat center fixed;
  -webkit-background-size:100% 100%;
  font-family:"微软雅黑";
}
.
::-moz-placeholder { color:#FFF; font-size:0.8rem;}
::-webkit-input-placeholder { color:#FFF; font-size:0.8rem;}
:-ms-input-placeholder { color:#FFF; font-size:0.8rem;}
a{ color:#FFF;  }
a:hover{ color:#FFF;}
/*content*/
.form-box{ width:80%; margin:0 auto;}
.content-tilte{ color:#FFF; font-size:1.5rem; margin-top:2rem; text-align:center;}

.input-form{position:relative; height:2.4rem;}
.input-form img{ position:absolute; width:1.6rem; height:1.4rem; margin:0.3rem 0.3rem;}

.input-form .inputstyle-code{ position:absolute; height:1.2rem; width:4rem; right:0.2rem; border-left:2px solid #fff; bottom:0.8rem; font-size:0.7rem; color:#0C6;}
.inputstyle{ height:2rem; width:100%; background-color:rgba(0,0,0,0.1); color:#FFF; padding:0.3rem 0.3rem 0.3rem 2rem; border-radius:0.1rem}
.inputstyle-c{ height:2rem; width:100%; background-color:rgba(0,0,0,0.1); color:#FFF; padding:0.3rem 4rem 0.3rem 2rem; border-radius:0.1rem}


.input-form input[type=text]:focus, input[type=password]:focus {
    border: 2px solid #768CF8;
}
.checkbox{ font-size:0.8rem; color:#FFF;}
.checkbox input{ width:0.9rem; height:0.9rem; position:relative; top:0.2rem;}
.sub input{ width:100%; height:2rem; color:#FFF; font-size:1.2rem; text-align:center; background-color:#309C35; border-radius:0.1rem;}
.newuer p{ color:#FFF; font-size:0.7rem; margin:0.5rem 0; text-align:center;}
.or .division{ display:inline-block; width:45%; border-bottom:1px solid #fff; margin-top:0.7rem;}
.or{ text-align:center;}
.or .txt-or{ text-align:center; color:#FFF; margin:0 0.1rem;}


    #btncodeid{
      position: absolute;
      top:0.2rem;
      right:0.3rem;
      background-color: white;
      border-color: white;
    }

    /*.input-form{position: absolute;}*/
  </style>
</head>
<body>
  
  <div class="page-group">
    <div class="page">
     

     <div class="content">
      <div class="content-tilte"><center>注册</center></div>
        <div class="lins"></div>
        <div class="form-box">
        <!-- <form method="" name=""> -->
      <div class="input-form">
              <!-- <span><img src="../../img/icon-cellphone.png"></span> -->
              <input class="inputstyle" type="number" id="" placeholder="请输入手机号" >
              <button id="btncodeid">获取验证码</button>
      </div>
            <div class="lins"></div>
            <div class="input-form">
              <!-- <span><img src="../../img/icon-password.png"></span> -->
              <input class="inputstyle" type="number" id="" placeholder="请输入验证码">
            </div>

            <div class="input-form">
              <!-- <span><img src="../../img/icon-password.png"></span> -->
              <input class="inputstyle" type="text" id="" placeholder="请输入新密码" >
              <!-- <button id="btncodeid">获取验证码</button> -->
      </div>
            <div class="lins"></div>
            <div class="checkbox">
              <!-- <span><input name="rememberpassword" type="checkbox" value="" id="" />记住密码</span> -->
              <!-- <span class="aui-pull-left">店主登录</span> -->
                <!-- <span class="aui-pull-right">忘记密码？</span> -->
            </div>
            <div class="lins"></div>
            <div class="sub">
              <input type="submit" name="submit" id="" value="确定">
            </div>
            <div class="newuer">
              <!-- <p><a href="#">注册</a></p> -->
            </div>
            <div 
            <div class="or">
            <!-- <span class="division aui-pull-left"></span> -->
            <!-- <span class="txt-or"></span> -->
            <!-- <span class="division aui-pull-right"></span> -->
            </div>
       <!-- </form>           -->
  </div>
      




    </div>
  </div>
  <!-- ! 固定的js引用，所有的jQuery 要用 $$ 表示 --> 
<script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/jquery-1.11.1.min.js"></script>
<!-- 这一行代码是为了 避免js冲突 -->
<script type="text/javascript">var $$ =jQuery.noConflict();</script>

<script type='text/javascript' src='https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/sm.min.js' charset='utf-8'></script>
<!-- <script type='text/javascript' src='https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/sm-extend.min.js' charset='utf-8'></script> -->
<script src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/swiper/swiper.min.js"></script>
<script type="text/javascript">
  

  //放函数区域



  //需要初始化传递数据的函数，函数名，跟参数都不要变，固定写死的
  function getParams(data){
   // data需要转成json调用 ，函数urlParamParseJson();
     /*var jodata = JSON.parse(data); 
     if(isNotNull(jodata)){//
     }*/
     if(isNotNull(data)){
        // $$("#div_version").html("版本号：V"+data);
     }
  }
  // function getData(){
  //   var params = {}
  //   net_request('get','api/v1/mallproducts',params,successCallBack,errorCallBack);
  //   $.toast('开清请求接口');
  // }

  // function successCallBack(data){
  //   alert(JSON.stringify(data));
  // }
  // function errorCallBack(data){
  //   alert(JSON.stringify(data));
  // }

  	
    // 初始化
    $(function(){

      $.init();
    });
  </script>
</body>
</html>